import { Button } from 'antd-mobile'
// 导入样式
import './index.scss'

// 导入图标组件
import Icon from '@/components/Icon'
function Test() {
  return (
    <div>
      {/* 测试图标 */}
      {/* <svg className="icon" aria-hidden="true">
        <use xlinkHref="#iconbtn_mine_sel"></use>
      </svg>
      <svg className="icon" aria-hidden="true">
        <use xlinkHref="#iconbtn_collect_sel"></use>
      </svg> */}
      <Icon
        type="iconbtn_collect_sel"
        onClick={() => {
          console.log(123)
        }}
      />
      <Icon type="iconbtn_tag_close" />
      {/* 测试原生css变量 */}
      <div className="box">测试原生css变量</div>
      <hr />
      {/* 1px像素边框问题 */}
      <div className="bd">1px像素边框问题</div>
      <div className="btop">1px像素边框问题</div>

      {/* 测试组件库是否引入成功 */}
      <hr />
      <Button>按钮</Button>
      <Button color="primary">Primary</Button>
      <Button loading loadingText="正在加载" color="success">
        Success
      </Button>
      <Button color="danger">Danger</Button>
      <Button color="warning">Warning</Button>
    </div>
  )
}

export default Test
